export const imgList = [
    {
    type: 'line',
    url: "https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples/data/thumb/line-simple.webp?_v_=1648790052097",
},
{
    type: 'bar',
    url: "https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples/data/thumb/bar-background.webp?_v_=1648790052097",
},
{
    type: "pie",
    url: "https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples/data/thumb/pie-simple.webp?_v_=1648790052097",
},]
export const configList = [
    {
        type: 'echarts',
        label: '图表',
        children: [
        {
            id: 1,
            type: "line",
            pType: 'echarts',
            label: '折线图',
            component: 'my-echarts',
            editor: {
                xData: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                yData: [150, 230, 224, 218, 135, 147, 260],
            },
            h: 100,
            w: 100,
            x: 0,
            y: 0,
            color: 'red',
                style: {
                    'background-color': 'rgba(255, 255, 255, 0.5)'
                },
            options: {
                    xAxis: {
                        type: 'category',
                        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                    },
                    yAxis: {
                        type: 'value'
                    },
                    series: [
                        {
                            data: [150, 230, 224, 218, 135, 147, 260],
                            type: 'line'
                        }
                    ]
            },
                url: "https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples/data/thumb/line-smooth.webp?_v_=1648790052097",
        },
        {
            id: 2,
            type: "bar",
            pType: 'echarts',
            component: 'my-echarts',
            h: 100,
            w: 100,
            x: 0,
            y: 0,
            label: '柱状图',
            color: 'blue',
            editor: {
                xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
                yData: [120, 200, 150, 80, 70, 110, 130],
                backgroundStyle: {
                    color: "rgba(180, 180, 180, 0.2)",
                },
            },
            style: {
                'background-color': 'rgba(255, 255, 255, 0.5)'
            },
            options: {
                xAxis: {
                    type: "category",
                    data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
                },
                yAxis: {
                    type: "value",
                },
                series: [
                    {
                        data: [120, 200, 150, 80, 70, 110, 130],
                        type: "bar",
                        showBackground: true,
                        backgroundStyle: {
                            color: "rgba(180, 180, 180, 0.2)",
                        },
                    },
                ],
            },
           
            url: "https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples/data/thumb/bar-simple.webp?_v_=1648790052097",
        },
        {
            id: 3,
            h: 150,
            w: 150,
            x: 0,
            y: 0,
            type: "pie",
            pType: 'echarts',
            label: '饼图',
            component: 'my-echarts',
            color: 'green',
            style: {
                'background-color': '#ddd',
                'border-radius': '50%'
            },
            editor: {
                data: [
                    { value: 1048, name: "Search Engine" },
                    { value: 735, name: "Direct" },
                    { value: 580, name: "Email" },
                    { value: 484, name: "Union Ads" },
                    { value: 300, name: "Video Ads" },
                ],
                label: {
                    show: false,
                    position: "center",
                },
            },
            options: {
                tooltip: {
                    trigger: 'item'
                },
                legend: {
                    top: '5%',
                    left: 'center'
                },
                series: [
                    {
                        type: 'pie',
                        radius: ['40%', '70%'],
                        avoidLabelOverlap: false,
                        label: {
                            show: false,
                            position: 'center'
                        },
                        emphasis: {
                            label: {
                                show: true,
                                fontSize: '40',
                                fontWeight: 'bold'
                            }
                        },
                        labelLine: {
                            show: false
                        },
                        data: [
                            { value: 1048, },
                            { value: 735,},
                            { value: 580,},
                            { value: 484,},
                            { value: 300,}
                        ]
                    }
                ]
            },
            url: "https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples/data/thumb/pie-doughnut.webp?_v_=1648790052097"
        },]
        
    },
    {
        type: 'map',
        label: '地图',
        children: [
            {
                type: 'china',
                pType: 'map',
                label: '全国地图',
                component: 'my-map',
                style: {
                    'background-color': 'rgba(0, 0, 0, 0)',
                },
                editor: {
                    title: {
                        text: "中国地图",
                        subtext: "国内场区分布",
                        color: "#fff"
                    },
                },
                options: {
                    title: {
                        text: "中国地图",
                        subtext: "国内场区分布",
                        color: "#fff"
                    },
                    series: [
                        {
                            name: "场区数量", 
                            type: "map", 
                            map: "china",
                            zoom: "1.1", 
                            roam: true, 
                            label: {
                                show: true, 
                                color: "#fff",
                                fontSize: 12, 
                                fontWeight: 400,
                            },
                            data: [], 
                            itemStyle: {
                                areaColor: "#33486E", 
                                borderColor: "#eee",
                            },
                            select: {
                                label: {
                                    color: "#fff",
                                },
                           
                                itemStyle: {
                                    areaColor: "#2776E4",
                                },
                            },
                         
                            emphasis: {
                                label: {
                                    fontSize: 13,
                                    color: "#fff",
                                },
                                itemStyle: {
                                    areaColor: "#2776E4", 
                                },
                            },
                        },
                    ],
                  
                    tooltip: {
                        trigger: "item",
                    },
                 
                    visualMap: {
                        type: "piecewise",
                        show: true,
                      
                        pieces: [
                            { min: 1500 },
                            { min: 900, max: 1500 },
                            { min: 310, max: 1000 },
                            { min: 200, max: 300 },
                            { min: 10, max: 200, label: "10 到 200(自定义label)" },
                           
                            { max: 5 }, 
                        ],
                     
                        inRange: {
                            symbol: "rect",
                            color: ["#121122", "rgba(3,4,5,0.4)", "red"],
                            symbolSize: [30, 100],
                        },
                  
                        textStyle: {
                            color: "#fff"
                        }
                    },
                },
                h: 300,
                w: 450,
                x: 0,
                y: 0,
                url: 'https://img1.baidu.com/it/u=2975805087,3040323893&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=494',
            },
        
        ]
    },
    {
        type: "text",
        label: '文字',
        children: [
            {
                type: 'red',
                pType: 'text',
                label: '红色字体',
                style: {
                    'background-color': 'rgba(0, 0, 0, 0)',
                    color: 'red',
                    'font-size': '14px',
                    'font-weight': '700'
                },
                component: 'my-text',
                h: 100,
                w: 100,
                x: 0,
                y: 0,
                options: {
                    label: '红色'
                }
            }
        ]
    },
    {
        type: "video",
        label: '视频',
        children: [
            {
                type: 'cat',
                pType: 'video',
                label: '猫猫视频',
                component: 'my-video',
                style: {
                    'background-color': 'rgba(0, 0, 0, 0)',
                },
                options: {
                    // videojs options
                    autoplay: 'muted',
                    muted: true,
                    language: 'en',
                    playbackRates: [0.7, 1.0, 1.5, 2.0],
                    sources: [{
                        type: "video/mp4",
                        src: "https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm"
                    }],
                    poster: "/static/images/author.jpg",
                },
                h: 130,
                w: 250,
                x: 0,
                y: 0,
                url: 'https://img0.baidu.com/it/u=2521003561,2654141216&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500',
            },
            {
                type: 'dog',
                pType: 'video',
                label: '狗狗视频',
                component: 'my-video',
                style: {
                    'background-color': 'rgba(0, 0, 0, 0)',
                },
                options: {
                    // videojs options
                    autoplay: 'muted',
                    muted: true,
                    language: 'en',
                    playbackRates: [0.7, 1.0, 1.5, 2.0],
                    sources: [{
                        type: "video/mp4",
                        src: "https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm"
                    }],
                    poster: "/static/images/author.jpg",
                },
                h: 100,
                w: 100,
                x: 0,
                y: 0,
                url: 'https://ns-strategy.cdn.bcebos.com/ns-strategy/upload/fc_big_pic/part-00511-2507.jpg',
            },
            {
                type: 'pig',
                pType: 'video',
                label: '猪猪视频',
                component: 'my-video',
                options: {
                    // videojs options
                    autoplay: 'muted',
                    muted: true,
                    language: 'en',
                    playbackRates: [0.7, 1.0, 1.5, 2.0],
                    sources: [{
                        type: "video/mp4",
                        src: "https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm"
                    }],
                    poster: "/static/images/author.jpg",
                },
                style: {
                    'background-color': 'rgba(0, 0, 0, 0)',
                },
                h: 100,
                w: 100,
                x: 0,
                y: 0,
                url: 'https://img0.baidu.com/it/u=3344725006,1233652292&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=451',
            },
        ]
    },
]